<template>
  <ship-logo v-if="type === 'ship'" :fill="fill"></ship-logo>
  <tree-logo v-else-if="type === 'tree'" :fill="fill"></tree-logo>
  <tree-logo v-else :fill="fill"></tree-logo>
</template>

<script setup lang="ts">
import { ShipLogo, TreeLogo } from './components'

interface Props {
  type?: string
  fill?: boolean
}
withDefaults(defineProps<Props>(), {
  type: 'tree',
  fill: false,
})
</script>

<style scoped></style>
